@import (reference) "@{cosyless}";
@c1:#7998f0;
@c2:#5b5b5b;
@c3:#ececec;
@c4:#ababab;
//信息中心
.information-tab{
    float: left;
    a{
        float: left;
        width:160px;
        text-align: center;
        line-height:45px;
        font-size: 14px;
        color: @c2;
        box-sizing: border-box;
        position: relative;
        &.active{
            border-bottom: 3px solid @c1;
        }
        .navTopRight{
            position: absolute;
            background: #dd524d;
            color: #fff;
            width:20px;
            height:20px;
            text-align: center;
            line-height:20px;
            font-size: 12px;
            border-radius:50%;
            top:1px;
            right:10px;
        }
    }
}
.information-box{
    height:100%;
    color: #666;
    .ib-hd{
        border-bottom: 1px solid @c3;
        padding:5px 0 5px 60px;
        color: #666;
        .fui-form .form-item{
            padding: 5px;
            height:35px;
            position: relative;
            margin-bottom: 0;
            &:last-child{
                border-bottom: none;
            }
        }
        .fui-form .form-item-label{
            padding-left:0;
            padding-right: 0;
            width:100px;
            text-align: left;
        }
        .fui-form .form-item-block{
            margin-left: 0;
        }
    }
    .ib-ft{
        border-top:1px solid @c3;
        background: #fff;
        padding-bottom: 11px;
        text-align: center;
        height:59px;
    }
    .ib-bd{
        .height(~"100% - 172px");
        overflow: hidden;
        overflow-y: auto;
    }
    .ib-bd2{
        .height(~"100% - 217px");
        overflow: hidden;
        overflow-y: auto;
    }
    .ib-bd3{
        .height(~"100% - 127px");
        overflow: hidden;
        overflow-y: auto;
    }
    .ib-bd9{
        .height(~"100% - 71px");
        overflow: hidden;
        overflow-y: auto;
    }
    .fui-form .form-item-radio.fui-radio-checked{
        color: @c1;
    }
    .btn-info-type,.btn-info-letter,.btn-info-history,.btn-info-history1{
        height:30px;
        padding: 0 15px;
        text-align: center;
        margin-right: 10px;
        border-radius: 35px;
        line-height:30px;
        color: #333;
        display: inline-block;
        &:hover{
            background: #f0f0f0;
        }
        &.active{
            color: #fff;
            background: @c1;
        }
    }
    .info-type-btn{
        .btn{
            margin-right: 8px;
        }
        .fui-font{
            font-size: 1.2rem;
            margin: -2px 4px 0 -7px;
        }
    }
    .form-allCheck{
        position: absolute;
        left:-50px;
        font-size: 12px;
        color: #666;
        line-height:35px;
        top:5px;
        input{
            vertical-align: middle;
            margin: -2px 3px 0 0;
        }
    }
    .form-hasCheck{
        float: right;
        padding-right: 15px;
        .btn{
            span{
                color: @color-orange;
                padding-left: 5px;
                font-size: 15px;
                font-weight:bold;
            }
        }
    }
    .from-select-min{
        display: inline-block;
        width:150px;
        vertical-align: middle;
        margin-right:4px;
        input{
            background: #f4f4f4;
            border: none;
            height:30px;
            padding: 5px 0;
        }
    }
    .form-item-scroll{
        margin-left: 100px;
        height:35px;
        overflow: hidden;
        overflow-y: auto;
    }
}
.information-tj{
    height:100%;
    .it-hd{
        padding-left: 60px;
        color: #666;
        height:59px;
        border-bottom: 1px solid @c3;
        .fui-form .form-item{
            padding: 12px 0;
            margin-bottom: 0;
        }
        .fui-form .form-item-block{
            margin-left: 0;
        }
    }
    .it-ft{
        border-top:1px solid @c3;
        background: #fff;
        padding-bottom: 11px;
        text-align: center;
        height:59px;
    }
    .it-bd{
        overflow: hidden;
        .height(~"100% - 131px")
    }
    .it-table-header{
        .th-tr{
            border-bottom: 1px solid @c3;
            .clearfix();
        }
        .th-th{
            background: #fafafa;
            height:45px;
            float: left;
            width:25%;
            color: @c2;
            line-height:45px;
            text-align: center;
        }
        .th-td{
            width: 25%;
            float: left;
            height:30px;
            line-height:30px;
            text-align: center;
            box-sizing: border-box;
            border-right:1px solid @c3;
            color: @c4;
            &:last-child{
                border-right:none;
            }
            span{
                width:25%;
                float: left;
                height:30px;
            }
        }
    }
    .it-table-body{
        overflow: hidden;
        .height(~"100% - 77px");
    }
    .tb-scroll{
        margin-right: -17px;
        overflow: hidden;
        overflow-y: scroll;
        height:100%;
    }
    .tb-tr{
        .clearfix();
        border-bottom: 1px solid @c3;
    }
    .tb-td{
        float: left;
        width:25%;
        height:30px;
        line-height:30px;
        border-right:1px solid @c3;
        box-sizing: border-box;
        &:last-child{
            border-right:none;
        }
        span{
            width:25%;
            float: left;
            .text-overflow-nowrap-ellipsis();
            text-align: center;
            color: #333;
            &.tds-1{
                width:100%;
                text-align: left;
                text-indent: 10px;
            }
        }
    }
}

//信息新增
.info-add-tab{
    border-bottom: 1px solid @c3;
    height:44px;
    position: relative;
    .info-add-width{
        position: absolute;
        height:45px;
        left: 50%;
        margin-left: -370px;
        top:0;
    }
    .iat-btn{
        float: left;
        width:110px;
        height:42px;
        line-height:42px;
        border-bottom: 3px solid transparent;
        text-align: center;
        color: #333;
        &.active{
            border-bottom-color:@c1;
            color: @c1;
        }
    }
}
.info-add-width{
    width:740px;
    margin-left:auto;
    margin-right: auto;
}
.info-add-box,.info-changeAdd-box{
    .height(~"100% - 55px");
    overflow: hidden;
    overflow-y: auto;
    .info-add-width{
        padding-top: 40px;
    }
    .form-item{
        margin-bottom: 25px;
        &:last-child{
            margin-bottom: 0;
        }
        .form-item-label{
            width:65px;
            text-align: left;
            padding-left: 0;
            padding-right: 0;
        }
        .form-item-block{
            .clearfix();
            margin: 45px 0 0 65px;
        }
    }
    .form-item-50{
        float: left;
        width:50%;
        margin-bottom: 15px;
        .form-item-input{
            width:230px;
        }
        .form-item-select{
            margin-left: 105px;
            width:230px;
        }
        .form-select-50{
            float: left;
            width:110px;
            margin-left: 0;
            margin-right: 10px;
            &:last-child{
                margin-right: 0;
            }
            input{
                width:110px;
            }
        }
        .form-item-data-50{
            float: left;
            width:110px;
            margin-right: 10px;
            &:last-child{
                margin-right: 0;
            }
            input{
                width:110px;
            }
        }
    }
    .form-item-100{
        width:100%;
        margin-bottom: 15px;
        .form-item-fj{
            margin-left:105px;
            .btn{
                float: right;
            }
            .input-box{
                margin-right: 80px;
            }
        }
    }
    .form-item-con{
        margin-left: 105px;
    }
    .form-item-label2{
        width:95px;
        padding: 7.5px 0 7.5px 10px;
        line-height: 20px;
        float: left;
        font-size: 14px;
        color: #333;
    }
    .form-item-label3{
        line-height:20px;
        margin-bottom: 5px;
        display: block;
        color: #333;
    }
    .form-item-yx{
        margin-left: 105px;
        padding-top:10px;
        .form-item-select{
            float: left;
            width:160px;
        }
        .form-item-yx-input{
            margin-left:170px;
            margin-right: 80px;
        }
        .btn{
            float: right;
        }
    }
    .yx-table{
        width:100%;
        thead{
            tr{
                border-top:1px solid @c3;
            }
            th{
                background: #fafafa;
                height:45px;
                text-align: center;
                line-height:45px;
                font-weight: normal;
                border-bottom: 1px solid @c3;
                color: #ababab;
            }
        }
        tbody{
            td{
                text-align: center;
                line-height:40px;
                color: #666;
                font-size: 14px;
                border-bottom: 1px solid @c3;
            }
            .yx-txt{
                .text-overflow-nowrap-ellipsis();
                max-width:150px;
                min-width:80px;
                position: relative;
                outline: none;
                &.yx-130{
                    min-width:130px;
                }
                &.yx-200{
                    min-width: 200px;
                }
                &:after{
                    content: '\e91b';
                    display: inline-block;
                    right:0;
                    top:0;
                    line-height:40px;
                    width:20px;
                    font-family: 'icomoon';
                    font-size: 15px;
                    color: transparent;
                }
                &:hover,&:focus{
                    &:after{
                        transition: color .3s;
                        color: #2e8ded;
                    }
                }
            }
            .yx-btn{
                min-width:100px;
                text-align: center;
                a{
                    color: #2e8ded;
                    display: inline-block;
                    margin: 0 5px;
                }
            }
            .btn-add-yx{
                color: #2e8ded;
                display: block;
            }
        }
    }
    .form-unit-item{
        float: left;
        width: 60px;
        height:75px;
        margin-right: 10px;
        font-size: 14px;
        text-align: center;
        color: #999;
        border-radius: 3px;
        position: relative;
        img{
            width:50px;
            height:50px;
            display: block;
            margin: 0 auto;
        }
        .fui-font{
            font-size: 2rem;
        }
        .form-unit-close{
            position: absolute;
            right:-6px;
            top:-8px;
            width:16px;
            height:16px;
            line-height:13px;
            text-align: center;
            color: #fff;
            background: #dd524d;
            border-radius: 50%;
        }
        p{
            line-height:20px;
            margin-top: 4px;
            .text-overflow-nowrap-ellipsis();
        }
    }
    .form-unit-btn{
        float: left;
        width: 50px;
        height:50px;
        border: 1px solid @c3;
        line-height: 50px;
        border-radius: 3px;
        position: relative;
        font-size: 14px;
        text-align: center;
        color: #999;
    }
}
//改变
.info-changeAdd-box{
    .height(~"100% - 100px");
}

//选题列表
.topicHeader{
    padding: 5px 0;
    height:34px;
    line-height:34px;
    border-bottom: 1px solid @c3;
    label{
        padding:0 10px;
        display: inline-block;
        color: #666;
        cursor: pointer;
        input{
            vertical-align: middle;
            margin: -2px 4px 0 0;
        }
    }
}
.topicFooter{
    padding: 10px 0;
    text-align: center;
    background: #fafafa;
    border-top: 1px solid @c3;
    .btn{
        margin: 0 8px;
    }
}
.topicList{
    .height(~"100% - 95px");
    overflow: hidden;
    overflow-y: auto;
}

.form-details{
    padding-top: 15px;
    .form-item{
        margin-bottom: 0;
        .clearfix();
        .form-item-50{
            float: left;
            width:50%;
            margin-bottom: 15px;
            .form-item-input{
                width:230px;
            }
            .form-item-select{
                margin-left: 105px;
                width:230px;
            }
        }
        .form-item-block{
            margin-left: 105px;
        }
    }
    .form-item-label2{
        width:95px;
        padding: 7.5px 0 7.5px 10px;
        line-height: 20px;
        float: left;
        font-size: 14px;
        color: #333;
    }
}

//任务
.task-box{
    background: #fff;
    height:100%;
    width:49.6%;
    &.task-risk{
        float: left;
    }
    &.task-event{
        float: right;
    }
    .task-bd{
        .height(~"100% - 120px");
        overflow: hidden;
        overflow-y: auto;
    }
}
.task-page{
    border-top: 1px solid #ececec;
    padding-bottom: 10px;
    text-align: center;
}







